.back {
  width: 1227px;
  margin: 15px auto;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #303133;
  > div {
    display: inline;
    cursor: pointer;
  }
  i {
    font-size: 14px;
    margin-right: 5px;
  }
}
.content {
  position: relative;
  width: 1227px;
  margin: 0px auto 50px auto;
  .left {
    // float: left;
    display: inline-block;
    width: 855px;
    margin-right: 29px;
    .person {
      width: 855px;
      background: #ffffff;
      box-shadow: 0px 0px 7px 0px #dfe1e7;
      border-radius: 4px;
      position: relative;
      .person-tags {
        padding: 40px;
      }
    }
  }
  .r {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    .right {
      display: inline-block;
      position: sticky;
      top: 100px;
      right: 0;
      width: 343px;
      .userinfo {
        padding: 40px;
        width: 263px;
        // height: 259px;
        background: #ffffff;
        box-shadow: 0px 0px 7px 0px #dfe1e7;
        border-radius: 4px;
        text-align: center;
        .nologin {
          .avatar {
            width: 100%;
            height: 58px;
            margin-bottom: 15px;
            i {
              color: #9da4b2;
              font-size: 57px;
              cursor: pointer;
            }
          }
          .login {
            color: #3f94ff;
            font-size: 16px;
            cursor: pointer;
          }
        }
        .loginstate {
          .avatar {
            display: block;
            width: 80px;
            height: 80px;
            padding: 4px;
            margin: 0 auto;
            margin-bottom: 15px;
            overflow: hidden;
            border-radius: 50%;
            border: 1px solid #d2d7e1;
            img {
              width: 80px;
              border-radius: 40px;
              cursor: pointer;
            }
          }
          .uername {
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 1px;
            margin-bottom: 10px;
          }
          .mine {
            display: flex; /* 弹性布局 */
            justify-content: center;
            > div,
            a {
              width: 50%;
              color: #2c3e50;
            }
            .num {
              font-size: 26px;
              margin-bottom: 5px;
              cursor: pointer;
            }
            .text {
              font-size: 14px;
              color: #727786;
            }
          }
        }
        .post-article {
          display: block;
          width: 223px;
          height: 40px;
          margin: 30px auto 0px auto;
          background: #3f94ff;
          border-radius: 4px;
          line-height: 40px;
          color: #ffffff;
          font-size: 14px;
          cursor: pointer;
        }
      }
    }
  }
}
